﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
   <meta charset="utf-8"/>
    <script src="scripts/jquery-3.2.1.js"type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            $('#hide').click(function () {
                $('p').hide(3000, function () {
                    alert("p元素被隐藏");
                });
            });


            $('#show').click(function () {
                $('p').show(3000, function () {
                    alert("p元素被显示");
                });
            });

            $("#toggle").click(function () {
                $('p').toggle(3000, function () {
                    alert("p元素状态被改变")
                });
            });
        });
    </script>
</head>
<body>
    <button id="hide">隐藏</button>
    <button id="show">显示</button>

    <button id="toggle">切换</button>
    <h1>xxx的个人简历</h1>
    <hr />
    <h2>教育经历</h2>
    <p>djheifrfoihogh8wgskieghgiore[gsewgpo9waigy8043gt0908]</p>

</body>
</html>
